<template>
	<!-- 渲染传过来的数据，
	帮的传过来的函数（方法） -->
	<div class="todoItem">
	<!-- 	任务{{i+1}}:{{item}} 
		<button @click="delItem(i)"> X </button> -->
		
		<van-cell :title="`任务${i+1}`" :label="item" >
			<template #right-icon>
				<van-icon name="cross" @click="delItem(i)"/>
			</template>
		</van-cell>
		
	</div>
</template>

<script>
	export default {
		//接收传过来的数据（函数也是一种数据）
		props:{
			item:String,
			i:Number,			
		},
		methods:{
			delItem(i){
				//调用爷爷的函数，传参
				this.$parent.$parent.delItem(i);
			}
		}
	}
</script>

<style>
</style>
